<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Valid Demo By Adrai</title>
  <link rel="stylesheet" href="./css/demo.css">
  <script src="./EJS/lib/jquery-1.10.2.min.js"></script>
  <script src="./EJS/lib/sea.min.js"></script>
  <script src="./js/config.js"></script>
</head>
<body>
    <form id="userAddForm" class="well public-form">
        <fieldset class="fieldset_astu">
            <legend>
                <span class="title">添加用户</span>
            </legend>

            <div class="group">
                <label class="control-label">用户名：</label>
                <input type="text" class="control-text ee-validbox"  data-options="required:true,validType:['length[4,10]','userName','checkname']" 
                name="username" placeholder="必填" />
            </div>

            <div class="group">
                <label class="control-label">密码：</label>
                <input type="password" class="control-text ee-validbox" data-options="required:true,validType:['length[4,12]','isPass']"
                 name="password" placeholder="必填" />
            </div>

             <div class="group">
                <label class="control-label">确认密码：</label>
                <input type="password" class="control-text ee-validbox" data-options="required:true,validType:'passEQ[\'password\']'"
                name="password_check" placeholder="必填"  />
            </div>

            <div class="group">
               <label class="control-label">邮箱：</label>
               <input type="text" class="control-text ee-validbox" data-options="required:true,validType:'email'" name="realname" 
               placeholder="必填"  />
            </div>
            <input type="button" value="提交" id="formSubmit">
            </fieldset>
    </form>
    <pre>


    说明:
      EJS是我自己平时写代码时慢慢封装的一些常用的方法,基于seajs和Jquery, 以后慢慢就会是一个大的控件库(自家用). 
      现在已经有很多组件了(本demo中删除其他组件,只保留了验证组件需要用到的核心组件, 即util, 以免展示核心代码时混淆). 
      本Demo主要用来展示我最近花一天时间仿照EasyUI的规则写的一个验证组件.效率比EasyUI要高.
      html核心代码在----  vaild_demo/index.html
      js核心代码在---- vaild_demo/js/index/index.js
      组件的核心代码在----  vaild_demo/EJS/src/
      建议读一下vaild_demo/EJS/src/valid/valid.js的源代码. bindValid方法. 
      第一个验证框使用了异步验证, 不妨输入admin试试.
    </pre>
    <script>
        $(function(){
            seajs.use('index/index', function (Index) {
                Index.init();
            });
        })
    </script>
</body></html>